<template>
  <div class="course">
    <header>
      <webHader
        title="查看表格"
        crumbs="主页,查看表格"
        :backgroundImageUrl="headerBg"
      />
    </header>
    <div class="content">
      <div class="title">永会正式属会名录</div>
      <el-table
        :data="tableData"
        stripe
        style="width: 100%"
        :header-cell-style="{
          backgroundColor: '#262626',
          'font-family': ' PingFang HK, PingFang HK',
          'font-weight': 500,
          'font-size': '16px',
          color: '#FFFFFF',
        }"
        :cell-style="{
          height: '50px',
          'font-size': '16px',
        }"
      >
        <el-table-column prop="clubCode" label="Club lode" width="150" />
        <el-table-column prop="memberName" label="Name of member" />
        <el-table-column prop="clubName" label="属会名称" />
        <el-table-column prop="contactPerson" label="Contact 1 person" />
        <el-table-column prop="clubTel" label="Club tel" />
        <el-table-column prop="clubEmail" label="Club email" />
      </el-table>
    </div>
  </div>
</template>

<script setup>
import headerBg from "~/assets/web/activity-header-bg.png";

const route = useRoute();
const id = computed(() => route.query.id);
const pageType = computed(() => route.query.id);

const tableData = [
  {
    clubCode: "CPS",
    memberName: "SOSWIMING CLUB",
    clubName: "SO游泳有限公司",
    contactPerson: "Li wailin",
    clubTel: "31424334",
    clubEmail: "skasjsjsskks@gmail.com",
  },
  {
    clubCode: "APK",
    memberName: "SOSWIMING CLUB",
    clubName: "SO游泳有限公司",
    contactPerson: "Li wailin",
    clubTel: "31424334",
    clubEmail: "skasjsjsskks@gmail.com",
  },
  {
    clubCode: "CPS",
    memberName: "SOSWIMING CLUB",
    clubName: "SO游泳有限公司",
    contactPerson: "Li wailin",
    clubTel: "31424334",
    clubEmail: "skasjsjsskks@gmail.com",
  },
  {
    clubCode: "CPS",
    memberName: "SOSWIMING CLUB",
    clubName: "SO游泳有限公司",
    contactPerson: "Li wailin",
    clubTel: "31424334",
    clubEmail: "skasjsjsskks@gmail.com",
  },
  {
    clubCode: "CPS",
    memberName: "SOSWIMING CLUB",
    clubName: "SO游泳有限公司",
    contactPerson: "Li wailin",
    clubTel: "31424334",
    clubEmail: "skasjsjsskks@gmail.com",
  },
  {
    clubCode: "CPS",
    memberName: "SOSWIMING CLUB",
    clubName: "SO游泳有限公司",
    contactPerson: "Li wailin",
    clubTel: "31424334",
    clubEmail: "skasjsjsskks@gmail.com",
  },
  {
    clubCode: "CPS",
    memberName: "SOSWIMING CLUB",
    clubName: "SO游泳有限公司",
    contactPerson: "Li wailin",
    clubTel: "31424334",
    clubEmail: "skasjsjsskks@gmail.com",
  },
];
</script>

<style lang="less" scoped>
.content {
  background-color: #ffffff;
  padding: 80px 154px 120px 154px;
  box-sizing: border-box;

  .title {
    font-family: PingFang HK, PingFang HK;
    font-weight: 500;
    font-size: 30px;
    color: #1e2021;
    text-align: left;
    font-style: normal;
    text-transform: none;
    margin-bottom: 30px;
  }
}
</style>
